// pages/canvasP/canvasP.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list:[],
    rotate:null
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    for(let i = 0; i < 31 ; i ++){
      let obj = {rotate:(-180+(i*6))+''}
      this.data.list.push(obj)
    }
    this.setData({
      list:this.data.list
    })
    this.circleTimeId = null;
    this.circlePercent();
  },
circlePercent(){
  let num = 0;
  let percent = 50;//当前的数据
  let total = 100; //总的数据
  let per = null

      this.circleTimeId = setInterval(() => {
        if(num > percent || num<0){
          console.log('------------1-------------');
          clearInterval(this.circleTimeId);
            return false;
        }else{
          let per1 = -180 * (num / total); // 当前份额 -- 精确
          let yushu = per1 % 6; // 当前份额对每份角度6取余
          per = Math.abs(per1 - yushu); // 当前份额以6的倍数向下取整
          console.log('per-------------',per);
          this.data.rotate = "rotate("+per+"deg)";
          this.setData({
            rotate:this.data.rotate
          })
          num = num +1;
          console.log('percent--------',num);
        }
       
      }, 500);
    
    
    
},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})